/**
 * Created by lwy on 2017/7/20.
 */
var page = 0;
var num;
$(function(){
    doAjax();
})

function doAjax(){
    page++;
    $.ajax({
        url:'/cardC/getCardList.json',
        dataType:'json',
        data:{
            token:getItem('token'),
            pageNu:page,
        },
        type:'post',
        success:function(data){
            if(data.code==0){
                mui.toast(data.mg);
            }
            if(data.code==-1){
                window.location.href="login.html"
            }
            num = data.datas.cardList.length;
            if(num==0&&page==1){
                $('<div><img style="width: 42%;display: block;margin: 27% auto;" src="../img/kongcard.png" alt="img"></div>').appendTo($('#cardBox'));
            }
            for(var i=0;i<data.datas.cardList.length;i++){
                var str= data.datas.cardList[i].cardNum;
                var fourstr = str.substr(str.length-4);//后四位
                var allstr = str.substring(0,str.length-4);//除了后四位的
                var safeStr = '';
                var finstr = '';
                for(var a=0;a<allstr.length;a++){
                    safeStr+='*';//除了后四位的都加密
                }
                str = safeStr+fourstr;
                for(var b=0;b<str.length;b++){
                    if(b==3||b==7||b==11||b==15){
                        finstr+=str[b]+' ';//四位加一个空格
                    }else{
                        finstr+=str[b];
                    }
                }
                $('<div class="card-box mui-clearfix" id="'+data.datas.cardList[i].id+'">'+
                    '<img class="cardImg" src="'+data.datas.cardList[i].bankPicture+'" alt="银行卡">'+
                    '<div class="name">'+data.datas.cardList[i].accountName+'</div>'+
                    '<div class="cardNum">'+finstr+'</div>'+
                    '</div>').appendTo($('#cardBox'));
            }
            $(document).ready(function(){
                $(".card-box img").on("load",function(){
                    var h = $('.cardImg').height();
                    $('.card-box').css('height',h+'px');
                });
            });
        }
    })
    return num;
}

//添加银行卡
$('#addcard').click(function(){
    window.location.href="addcard.html";
})

//上拉加载
mui.init({
    pullRefresh : {
        container:"#refreshContainer",//待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.class等
        up : {
            contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
            contentnomore:'我是有底线的',//可选，请求完毕若没有更多数据时显示的提醒内容；
            callback :function(){
                setTimeout(function () {
                    var numResult = doAjax();;
                    if (numResult < 20) {
                        mui('#refreshContainer').pullRefresh().endPullupToRefresh(true);
                    } else {
                        mui('#refreshContainer').pullRefresh().endPullupToRefresh(false);
                    }
                }, 1000);
            } //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
        }
    }
});


//点击银行卡解绑
mui('body').on('tap','.card-box',function(){
    var id = $(this).attr('id');
    window.location.href="delcard.html?id="+id;
})

